<template>
  <div class="salarys-container">
    <div class="app-container">
      <h2>
        v-model在组件上的使用:
      </h2>
      场景: 父子组件通信的时候可以在组件上使用v-model
      <!-- v-model 就是使用 :value 和@input事件实现 -->
      <!-- <son :money="money" @changemoney="changemoney" /> -->
      <!-- <son :value="money" @input="changemoney" /> -->
      <son v-model="money" />
    </div>
  </div>
</template>

<script>
import Son from './Son.vue'
export default {
  name: 'Salarys',
  components: { Son },
  data() {
    return {
      money: 100
    }
  },
  methods: {
    changemoney(count) {
      this.money = count
    }
  }
}
</script>

<style>

</style>
